<template>
    <li class="item">
        <router-link :to="href">
            <div class="icon-wrapper bg-blue" v-if="iconName">
                <i class="icon" :class="iconName"></i>
            </div>
            <span class="text">{{title}}</span>
        </router-link>
    </li>
</template>

<script>
    export default {
        name: "",
        data() {
            return {};
        },
        props:{
            href:{
                type:String,
                required:true
            },
            iconName:{
                type:String
            },
            title:{
                type:String,
                required:true
            }
        }
    };
</script>

<style lang="" scoped>
</style>